<script type="text/javascript" src="media/js/jquery.validate.min.js"></script>
<script language="javascript">
$(function(){
	
	$("#frmGuestbook").validate({
	rules: 
	{

		name: 
		{ 
			required: true
		},
		detail: 
		{ 
			required: true
		},
		captcha:
		{
			required: true,
			remote: "users/check_captcha"
		}
	},
	messages:
	{
		name: 
		{ 
			required: "กรุณากรอกชื่อค่ะ",
		},
		detail: 
		{ 
			required: "กรุณากรอกรายละเอียดค่ะ",
		},
		captcha:
		{
			required: "กรุณากรอกตัวอักษรตัวที่เห็นในภาพค่ะ",
			remote: "กรุณากรอกตัวอักษรให้ตรงกับภาพค่ะ"
		}
	}
	});
});
</script>
<div class="box">
	<h1 class="green">
		<img src="uploads/icon/head/plan.png" />
		<span>สมุดเยี่ยม</span>
		<div class="corner_left"></div>
		<div class="corner_right"></div>
	</h1>
<div class="view">

<div id="guest_book_form">
	
	<form id="frmGuestbook" action="guest_books/save" method="post">
			<table class="tbcontact">
				<tr>
					<th>ชื่อ-นามสกุล<span class="require"> *</span></th>
					<td><input type="text" class="text" value="" name="name" size="60"></td>
				</tr>
				<tr>
					<th valign="top">รายละเอียด<span class="require"> *</span></th>
					<td><textarea rows="5" cols="60" class="text" name="detail"></textarea></td>
				</tr>
				<tr>
				<th>ภาพ</th>
				<td><img src="users/captcha" /></td>
				</tr>
				<tr>
					<th align="right">พิมพ์ตัวอักษร <span class="require">*</span></th>
					<td><input type="text" class="text" name="captcha"></td>
				</tr>
				<tr>
					<th></th>
					<td><input type="submit" value="ตกลง"></td>
				</tr>
			</table>
		</form>
</div>

<ul class="guestbook_list">
	<?php foreach($guests as $guest): ?>
	<li>
		<p>
		<?php echo nl2br($guest->detail) ?>
		</p>
		<div class="tag">
			คนที่ <?php echo $guest->id ?> <?php echo $guest->name ?> 
			<?php if(is_login('ผู้ดูแลระบบ')): ?>
			- <a href="guest_books/delete/<?php echo $guest->id ?>" >ลบ</a>
			<?php endif; ?>
		</div>
	</li>
	<?php endforeach; ?>
</ul>

</div>
</div>